@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;cursor:pointer}
a{text-decoration:none;color:#666;}
input{-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;}
#box{max-width:640px;width:100%;margin:0 auto;color:#666;font:12px/22px 微软雅黑,Arial, Helvetica, sans-serif;}
/*submenus*/
.mui-bar-popover {width: 30%;}/*商家版微信首页列表*/
/*manage*/
.mui-bar,.mui-content #slider{width:100%;max-width:640px;margin:0 auto;}
html,body {background-color: #efeff4;}
p.mui-action-back{line-height:40px;color:#666}
.mui-bar~.mui-content .mui-fullscreen {top: 44px;height: auto;}
.mui-pull-top-tips {position: absolute;top: -20px;left: 50%;margin-left: -25px;width: 40px;height: 40px;border-radius: 100%;z-index: 1;}
.mui-bar~.mui-pull-top-tips {top: 24px;}
.mui-pull-top-wrapper {width: 42px;height: 42px;display: block;text-align: center;background-color: #efeff4;border: 1px solid #ddd;border-radius: 25px;background-clip: padding-box;box-shadow: 0 4px 10px #bbb;overflow: hidden;}
.mui-pull-top-tips.mui-transitioning {-webkit-transition-duration: 200ms;transition-duration: 200ms;}
.mui-pull-top-tips .mui-pull-loading {/*-webkit-backface-visibility: hidden;-webkit-transition-duration: 400ms;transition-duration: 400ms;*/
margin: 0;}
.mui-pull-top-wrapper .mui-icon,.mui-pull-top-wrapper .mui-spinner {margin-top: 7px;}
.mui-pull-top-wrapper .mui-icon.mui-reverse {/*-webkit-transform: rotate(180deg) translateZ(0);*/}
.mui-pull-bottom-tips {text-align: center;background-color: #efeff4;font-size: 15px;line-height: 40px;color: #777;}
.mui-pull-top-canvas {overflow: hidden;background-color: #fafafa;border-radius: 40px;box-shadow: 0 4px 10px #bbb;width: 40px;height: 40px;margin: 0 auto;}
.mui-pull-top-canvas canvas {width: 40px;}
.mui-slider-indicator.mui-segmented-control {background-color: #efeff4;}
#slider .mui-scroll{width:100%;overflow: hidden;}
#slider .mui-scroll a.mui-control-item{width:33.3%;float: left;background-color:#fff}
/*logins*/
.conLogin{width:90%;margin:0 auto;}
.conLogin form{margin-top:180px;}
.conLogin .login{overflow:hidden;}
.conLogin .login input{width:98%;background-color:#EAF0F0;line-height:45px;border:0;margin:10px 0;padding-left:10px;font-size:16px;border-radius:6px;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance: none !important;}
.conLogin p{padding-left:30px;}
.conLogin p a{color:#49A9DB}
.loginSub{width:73%;margin:20px auto}
.loginSub .sub{background:url(../images/login_11.jpg) no-repeat left top;color:#fff;width:100%;height:65px;border:0;background-size:cover;font-size:18px;}
/*erweima*/
.erweima{background-color:#ccc; opacity:0.5;width:100%;height:600px;z-index:-1;border:1px solid #ccc}
.erwei{width:46%;margin:0 auto;background-color:#fff;z-index:999;margin-top:300px}
.erwei p{line-height:40px;text-align:center;color:#666;}
.erwei p.use{background-color:#eee}
.erwei img{width:100%;max-width:90px;margin:30px 0;}
/*discountErwei*/
.erweimas{background:url(../images/beijing_02.jpg) no-repeat left top;background-size:100% 100%;width:100%;height:auto;z-index:-1;border:1px solid #ccc;margin-top:50px;}
.erweimas h3{margin:0;line-height:50px;height:50px;margin-top:8px;}
.erweimas h3 span{color:#fff;}
.erweis{width:80%;margin:80px auto;background-color:#fff;z-index:999;}
.erweis p{line-height:40px;text-align:center;color:#fff;background-color:#59B6E1;font-size: 16px;}
.erweis h5{text-align: center;}
.erweis h1{width:70%;margin:50px auto 20px;}
.erweis h1 img{width:100%;max-width:350px;}
/*文字滚动css*/
#scrollDiv{ overflow:auto;width:70%;margin:0 auto 20px;}
.scrollText{width:70%;height:20px;min-height:25px;line-height:25px; float:left;overflow:hidden;margin:0 auto}
.scrollText li{height:25px;text-align: right;color:#666;padding-right: 10px;}
.up{float:left;margin-left:300px;z-index:999;width:9%;height:auto;margin:0;}
.up img{max-width:30px;width:100%}
/*文字滚动css  End*/
/*payErwei*/
.payErwei{background:url(../images/erwei_04.jpg) no-repeat left top;background-size:100% 100%;width:100%;height:auto;border:1px solid #ccc;margin-top:50px;}
.payErwei h3{margin:0;line-height:50px;height:50px;margin-top:8px;}
.payErwei h3 span{color:#fff;}
.payEr{width:80%;margin:80px auto;background-color:#fff;z-index:999;}
.payEr p{line-height:40px;text-align:center;color:#fff;background-color:#600001;font-size: 16px;}
.payEr h5{text-align: center;}
.payEr h1{width:70%;margin:50px auto 20px;}
.payEr h1 img{width:100%;max-width:350px;}
/*person1*/
.person{overflow:hidden;margin-top:30px;}
.person p{background-color:#fff;line-height:40px;height:40px;font-size:16px;border-bottom:1px solid #D5D6DB;margin:0}
.person p.per,.person p.son{margin:10px 0;}
.person p a{color:#666;}
.person p span.telOne{width:20%;display:block;float:left;text-align:center}
.person p span.telTwo{width:60%;display:block;float:left}
.person p span.telTwo input{width:100%;border:0;line-height:35px}
.person p span.telThree{width:5%;float:right;margin-right:20px;padding-top:10px;}
.person p.son span.telOne{width:50%;text-align:left;padding-left:15px;}
/*revampTel*/
.amendTel{margin-top:50px;background:#fff;}
.amendTels{background:#fff;}
.amTel{overflow:hidden;line-height:36px;border-bottom:1px solid #ccc;width:92%;margin:10px auto;}
.amTel label{float:left;width:20%;font-size:16px;font-weight: 400;}
.amTel input{float:left;width:45%;font-size:16px;line-height:35px;border:0;}
.amTel input#btn{float:left;width:30%;font-size:16px;line-height:30px;background-color:#fff;border:1px solid #ccc}
.amTel p{margin:0;text-align:center;height:70px;border:0}
.amTel p span{font-size:16px;display:block;margin:0}
.amTel p:hover{-moz-opacity:0.58 !important; filter:alpha(opacity=90); opacity: 0.58;  -moz-opacity:0.58;}
.amTel p img{display:block;width:40%;max-width:40px;margin:0 auto}
.amTel .saves{color:#fff;font-size:18px;}
.amTel .saves{width:100%;line-height:45px;height:45px;background-color:#737979;margin:20px auto;text-align:center;font-size:18px;border-bottom:0;border-radius: 6px;}
/*index*/
.indexHead{height:auto;width:100%;border:1px solid #ccc;background: -ms-linear-gradient(top,#000,#3A4040);/*IE10*/background:-moz-linear-gradient(top,#000,#3A4040);/*火狐*/ background:-webkit-linear-gradient(top,#000,#3A4040);/*谷歌*/}
.indexHead p.indexOne{color:#eee;font-size:16px;line-height:40px;}
.indexHead p.indexOne span{color:#47A8DE;padding-left:20px;}
.indexHead p.indexTwo{text-align:center;padding-top:50px;}
.indexHead p.indexThree{text-align:center;padding-bottom:30px;font-size:14px}
.indexHead p.indexTwo a{color:#eee;font-size:30px;}
.indexHead p.indexFour{text-align:center;color:#eee;font-size:16px;}
.indexHead p.indexFour a{color:#eee}
.indexContent{background-color:#eee;border:1px solid #eee}
.indexCenter{overflow:hidden;margin:10px 0;background: #fff;}
.indexCenter dl{float: left;width: 50%;text-align: center;margin: 10px 0;}
.indexCenter dl.centerDl{border-right: 1px solid #eee;}
.indexCenter dl a{color:#666;}
.indexCenter dl dt{width:40%;margin:0 auto;padding:10px 0;}
.indexCenter dl dt img{width:100%;max-width:60px;}
.indexCenter dl dd{font-size:16px;}
.indexFoot{background-color:#eee;height:260px;}
.indexFoot ul{margin-top:10px;}
.indexFoot li{background-color:#fff;line-height:40px;padding-left:30px;overflow:hidden}
.indexFoot li img{max-width:25px;padding-top:11px;float:left}
.indexFoot li a{font-size:16px;padding-left:20px;padding-top:3px;float:left;color:#666}
.indexFoot li a:hover{text-decoration:none;}
.indexFoot li.rechar_li{margin-bottom:10px;display:block}
.indexFoot .bagLi1{border-bottom:1px solid #ccc}
/*弹出层*/
#dialogs{width:150px;position: fixed;right:0;top:0;display:none;z-index:100;color:#fff;margin-right:20px}
#dialogs img{width:50%;max-width:120px;margin:0 auto;display:block}
.dialogConts{text-align:center;font-weight:bold;font-size:17px;}
/*addMember*/
.member{margin-top:50px;background-color:#eee;border: 1px solid #eee;height:700px;}
.addMem{background:#fff;margin-top:30px;}
.addList{width:95%;margin:0 auto;overflow: hidden;}
.addList label{display:block;line-height:40px;height:40px;font-size:16px;padding-left:5px;}
.addList input{line-height:40px;border:1px solid #ccc;width:100%;font-size:16px}
.addList input.verifyInput{width:70%;float:left}
.addList input.verifyBut{width:30%;float:left}
.addMem .add{background:#49A9DB;width:95%;line-height:40px;height:40px;border-radius: 6px;color:#fff;border:0;font-size:18px;margin:80px auto 15px;display: block;text-align: center;}
/*renewVip*/
.renew{background:#eee;height:700px;margin-top:50px;border:1px solid #eee;}
.renewList{width:100%;margin:10px auto 0;border:1px solid #fff;font-size:16px;background:#fff}
.renewList p{width:90%;line-height:40px;padding:10px 0;margin:0 auto;}
.renewList .renewUl,.renewList .renewUls{width:90%;margin:0 auto;}
.renewList .renewUl li{border-bottom:1px solid #eee;line-height:40px;overflow:hidden}
.renewList .renewUl li span.roveOne{width:40%;float:left}
.renewList .renewUl li span.roveTwo{color:#49A9DB}
.renewList .renewUl li s{background-color:#f00;color:#fff;border-radius:4px;font-size:12px;padding:2px;}
.renewList .renewUl li a{color:#666;}
.renewList .renewUl li:hover{background:url(../images/approve_04.jpg) no-repeat right 8px;background-size:6% 50%;}
.renewList .renewUls{padding-top:30px;}
.renewList .renewUls li{line-height:40px;overflow:hidden}
.renewList .renewUls li span{float:right}
.renewList .renewUls li.balanceLi{border-top:1px solid #eee;font-size:20px;}
.renewUls li.balanceLi span{color:#B20805}
.renewList p.renConfirm{background: #49A9DB;line-height: 40px;height:40px;margin:30px auto;text-align: center;font-size:18px;color:#fff;padding:0;border-radius: 6px;}
/*会员卡续费成功弹出页面css*/
#popup a{color:#666;}
#click_div{width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; z-index: 999; display: none;}
#dialog{width: 300px; height:auto; position: fixed; top: 50%;left: 45%; margin-left: -135px; margin-top: -175px; background-color: #fff; z-index: 999;}
#dialog h3{width:40%;margin:20px auto;}
#dialog h3 img{width:100%;max-width:120px}
#dialog h4{text-align: center;color:#E2A034;font-size:20px}
.renPopup{background:#eee;width:80%;margin:20px auto;padding: 10px}
#dialog p{text-align: center;color:#666;font-size:17px;}
.renPopup p{line-height:15px;}
.renPopup p span{color: #10740F;}
/*会员卡续费成功弹出页面css End*/
#dialog h5{text-align: center;color:#666;font-size:16px}
#dialog h5 span{color:#E2A034}
/*memberDetails*/
.detailsUl{margin-top:10px;background-color:#fff;}
.detailsUl li{width:90%;font-size: 16px;line-height:45px;height:45px;border-bottom: 1px solid #eee;margin:0 auto}
.detailsUl li span.detOne{width:40%;float: left;}
/*点击弹出确认框*/
.clickBox{ position: fixed; left: 45%; top:40%; width: 250px; height: 150px; margin-left: -100px; margin-top: -100px; z-index: 999;background-color:#fff;box-shadow: 2px 2px 10px #666;}
.clickBox p{text-align:center;margin-top:20px;}
.clickBox h4{background-color:#44A9DE;width:60px;margin:0 auto;text-align:center;line-height:40px;height:40px;border-radius: 4px;margin-top:30px;}
.clickBox h4 a{color:#fff;}
/*myAsset*/
.asset{margin-top:50px;background:#eee;height:650px;}
.assetTop{background-color:#44A9DE;padding:30px 0;}
.assetTop p{text-align:center;margin:0;font-size: 16px;}
.assetTop p a{color:#fff;height:25px;line-height:25px}
.assetTop p.myOne a{font-size:50px;height:61px;line-height:61px}
.assetTop p.myTwo a{font-size:14px;height:24px;line-height:24px}
.assetCenter{background:#fff;overflow:hidden;text-align:center;}
.assetLeft{float:left;width:50%;border-right: 1px solid #eee;padding:10px 0;}
.assetCenter p{margin:0;}
.assetCenter p a{color:#666;font-size: 16px;}
.assetRight{float:left;width:50%;padding:10px 0;}
.asset h4,.deposit h4{width:90%;margin:260px auto 0;text-align:center;background: #44A9DE;line-height:40px;border-radius: 6px;}
.asset h4 a,.deposit h4 a{color:#fff;}
/*deposit*/
.deposit{margin-top:50px;background:#eee;height:650px;}
.deposit form{margin-top:10px}
.depoForm{overflow: hidden;height:40px;line-height:40px;border-bottom: 1px solid #eee;background:#fff;padding:0 10px;}
.depoForm a{color:#666;}
.depoForm label{float:left;width:25%;font-size:16px;}
.depoForm input{float:left;width:62%;text-align: right;border:0;}
.depoForm p span{float:right;width:3%;font-size:20px;padding-top:3px;}
.depoMoney{overflow: hidden;height:40px;line-height:40px;border-bottom: 1px solid #eee;background:#fff;padding:0 15px;margin:10px 0;}
.depoMoney label{float:left;width:20%;font-size:16px;}
.depoMoney input{float:left;width:72%;text-align: right;border:0;}
.depoMoney p{float:right;width:8%;font-size:20px;padding-top:9px;}
.deposit p{padding:0 20px;}
.deposit p a{color:#44A9DE}
.deposit h4{width:90%;margin:50px auto 0;text-align:center;background: #44A9DE;line-height:40px;border-radius: 6px;}
.deposit h4 a{color:#fff;}
.deposit h5{text-align: right;padding:0 20px;}
.deposit h5 a{color:#44A9DE;line-height:30px;}
/*memberList*/
.wrap{margin:50px 0;background:#eee;border:1px solid #eee;height:650px}
#memHear{width: 100%;max-width:640px;height:60px;line-height:60px;margin:0 auto;background:#fff;}
#memHear a{font-weight: normal;color: black;font-size:18px;}
#memHear a:hover{text-decoration: none;color: #49A7DE;}
#memHear li{text-align: center;float: left;height:60px;line-height:60px;width:33.3%;}
#memHear li.hearLi{border-left:1px solid #eee;border-right:1px solid #eee;}
#memHear li a{height:60px;display: block;z-index:999;padding:15px 0;}
#memHear li a:hover{color:#49A7DE;border-bottom: 5px solid #49A7DE;}
#memHear li p{line-height:60px;}
.alo,.ulo{width:100%;overflow:hidden;padding:10px;background: #fff;}
.alo a{color:#666}
.alo a:hover{text-decoration: none;color:#666}
.aloLeft{float: left;width:20%;}
.aloLeft img{max-width:70px;width:100%;}
.aloCenter{float: left;width: 40%;}
.aloCenter p.memberName{font-size:20px;font-weight: 600;}
.aloCenter p,.alo .aloRight p{font-size:16px;line-height:30px;}
.aloRight{float: left;width: 40%;}
/*details*/
.mui-content{margin:50px auto;}
.details{background:#eee;height:auto;}
.detailsCon{overflow: hidden;padding:10px 20px;border-bottom: 1px solid #eee;background:#fff}
.detailsLeft{width:70%;float:left;}
.detailsLeft p{margin:0}
.detailsLeft .detailsOne{font-size:24px;line-height:35px;height:35px;font-weight:600;}
.detailsRight{float:left;width:30%;text-align:center;padding-top:5px;}
.detailsRight h2.detailOne{color:#44A9DE}
/*detail*/
.details h4{padding:0 20px;background:#fff;line-height:45px;height:45px;margin:0;border-bottom: 1px solid #eee;}
.detail{overflow:hidden;padding:10px 20px;background:#fff;border-bottom: 1px solid #eee;}
.detail p{font-size:16px;line-height:25px}
.detail .detLeft,.detCenter,.detRight{float: left;}
.detLeft{width:25%}
.detLeft img{width:70%;max-width:100px;}
.detCenter p.detName{font-weight: 600;font-size:20px}
.detRight p{font-size:30px;font-weight:500;padding:13px 0 13px 40px;color:#44A9DE}
/*memManages*/
.alo .aloManage{width:100%;font-size:14px;overflow: hidden;}
.alo .aloManage img{max-width:37px;width:50%;padding:0 5px;}
.alo .aloManage span{float:right;margin-right:45px;}
#topPopover {position: fixed;top: 10px;right: 6px;}
#topPopover .mui-popover-arrow {left: auto;right: 6px;}
.mui-bar .mui-icon{padding-top:-10px}
.mui-popover{height: 140px;margin-top: 20px;}
.mui-table-view-cell a.manages img{width:30%;max-width:34px;padding-right: 10px;}
#memHear li.current{border-bottom:5px solid #44A9DE;color:#44A9DE}
/*memList*/
html,body {background-color: #efeff4;}
.mui-bar~.mui-content .mui-fullscreen {top: 44px;height: auto;}
.mui-pull-top-tips {position: absolute;top: -20px;left: 50%;margin-left: -25px;width: 40px;height: 40px;border-radius: 100%;z-index: 1;}
.mui-bar~.mui-pull-top-tips {top: 24px;}
.mui-pull-top-wrapper {width: 42px;height: 40px;display: block;text-align: center;background-color: #efeff4;border-radius: 25px;background-clip: padding-box;box-shadow: 0 4px 10px #bbb;overflow: hidden;}
.mui-pull-top-tips.mui-transitioning {-webkit-transition-duration: 200ms;transition-duration: 200ms;}
.mui-pull-top-tips .mui-pull-loading {/*-webkit-backface-visibility: hidden;-webkit-transition-duration: 400ms;transition-duration: 400ms;*/margin: 0;}
.mui-pull-top-wrapper .mui-icon,.mui-pull-top-wrapper .mui-spinner {margin-top: 7px;}
.mui-pull-top-wrapper .mui-icon.mui-reverse {/*-webkit-transform: rotate(180deg) translateZ(0);*/}
.mui-pull-bottom-tips {text-align: center;background-color: #efeff4;font-size: 15px;line-height: 60px;color: #777;}
.mui-pull-top-canvas {overflow: hidden;background-color: #fafafa;border-radius: 40px;box-shadow: 0 4px 10px #bbb;width: 40px;height: 60px;margin: 0 auto;}
.mui-pull-top-canvas canvas {width: 40px;}
.mui-slider-indicator.mui-segmented-control {background-color: #efeff4;}
/*staffList*/
.mui-content{width:100%;max-width:640px;margin:50px auto;}
.mui-table-view-cell .mui-disabled a.mui-btn{font-size:18px;}
.staff{margin-top:50px;background:#eee;width:100%;}
.staffList{overflow: hidden;width:100%;padding:10px;background: #fff;}
.staffLeft{float:left;width:25%;padding-top:10px}
.staffLeft img{max-width:70px;width:100%;}
.staffCenter{float: left;width: 40%;}
.staffCenter p.memberName{font-size:20px;font-weight: 600;}
.staffCenter p{font-size:16px;line-height:24px;}
.staffCenter p img{width:60%;max-width:25px;padding-right:10px;}
.staffRight{float: left;width: 35%;font-size:16px;height:30px;line-height:30px}
.staffRight p img{max-width:70px;width:60%;margin-left:30px;}
#OA_task_2{margin:50px auto}
#OA_task_2 .staffCenter p.memberName{font-size:20px;font-weight: 600;}
#OA_task_2 .staffCenter p{font-size:16px;line-height:30px;}
#click_divs,#click_div2{width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; z-index: 999;display: none;}
/*shopMessage*/
.shop{margin-top:50px;background:#eee;height:640px;border:1px solid #eee}
.message{background:#fff;padding:10px 20px;margin-top:10px;}
.message dl{overflow:hidden;}
.message dl dt{float:left;width:30%;}
.message dl dt img{max-width:80px;width:100%;}
.message dl dd{float:left;font-size:16px;height:70px;line-height:70px}
.message p{line-height:24px;font-size:16px;}
/*bank*/
.bank{margin-top:50px;}
.bank ul{background: #fff;}
.bank ul li{line-height:45px;border-bottom: 1px solid #eee;padding:0 15px}
.bank ul li img{width: 20%;max-width:35px;}
.bank ul li a{color:#666;font-size: 16px;padding-left:20px}
/*withdrawDeposit*/
.withdraw{margin-top:50px;border:1px solid #fff;}
.withdraw dl{text-align: center;}
.withdraw dl dt{margin:40px 0 10px 0;}
.withdraw dl dt img{max-width:100px;width:60%;}
.withdraw dl dd.draw{font-size:20px;font-weight: 600;line-height:40px;text-align: center;}
.withdraw dl dd{width:60%;margin:0 auto;text-align: left;padding-top:15px}
/*address*/
.address{width:100%;max-width:640px;margin:0 auto;}
.address .mui-content ul{margin-bottom:70px;}
.mui-content .mui-indexed-list-bar{height:622px;}
html,body {height: 100%;overflow: hidden;}
.mui-bar {-webkit-box-shadow: none;box-shadow: none;}
/*header footer*/
#box header{height:50px;background-color:#fff;overflow:hidden;position: relative;margin:0}
header p.title{color:#666;font-size:19px;text-align:center;float:left;width:75%;padding-left:20px;margin:0;line-height:24px;padding-top:13px;}
header p.title input.dealSeek{border:1px solid #ccc;border-radius: 6px;background:url(../images/deal_03.jpg) no-repeat 5px center;background-size:10% 80%;line-height:31px;width:90%;font-size:14px;padding-left:40px;}/*头部搜索框*/
p.jiFen{color:#666;font-size:19px;float:left;width:75%;padding-left:20px;margin:0;line-height:24px;padding-top:13px;}
header h1{margin:0;font-size:24px;color:#666}
header h1 span{padding-top:13px;}
header h6{width:6%;float:right;margin-right:20px;padding-top:8px}
header h6 img{max-width:30px;width:100%;}
.navbar footer{width:100%;overflow:hidden;height:55px;border-top:1px solid #ccc;background-color:#F4F4F4}
footer dl{float:left;width:33%;text-align:center;padding:5px 0;}
footer dl dt{width:50%;margin:0 auto;height:28px;}
footer dl dt img{max-width:28px;width:100%}
footer dl dd{margin:0;}
footer dl dd a{color:#666;font-size:10px;}
footer dl dd a:hover{text-decoration:none}
footer dl dd a.current{color:#3CA7DD} 
/*navbar footer*/
.navbar{max-width:640px;margin:0 auto;width:100%;}
.glyphicon{color:#666;padding-left:20px;float:left;}